/* CSS Document */
.content .settings_wrap{ position:absolute; top:0; left:0; right:0; bottom:0;}
.content .settings_wrap .settings_body { position:absolute; top:0; left:0; right:0; bottom:62px; padding:15px; overflow:auto; }
.content .settings_btn { position:absolute; left:0; right:0; bottom:0; padding:15px; }
.content .settings_btn .btn{ margin-right:10px;}


.login_wrap{ background:#ffffff; min-height:500px;}
.login_wrap .login_bg{ min-height:500px; position:absolute; top:0; left:0; right:0; bottom:0; z-index:1;}
.login_wrap .login_bg img{ width:100%; height:100%;}
.login_wrap .login_box{ position:relative; z-index:2; width:100%; margin:0 auto; padding-top:50px;}

.login_wrap .login_box .logo_box{padding-bottom: 20px;padding-left: 18% }

.login_wrap .login_box .login_img{position:absolute;float:left; width:100%; height:496px; background-size:cover; background:url(../images/login_bg.png)} /*no-repeat 0 -18px;*/

.login_wrap .login_box .login_con{position:absolute;background:#ffffff; width:354px; height:380px;left: 58%;border-radius: 8px 8px 8px 8px;top: 190px}
.login_wrap .login_box .login_con h2 { color:#b3adad; height:30px; padding:20px  0 5px  0 ; width:290px; margin:0 auto; font-size:24px; font-weight:normal;text-align:center;}
.login_wrap .login_box .login_con p.input_bg{ width:290px; margin:15px auto 0 auto; position:relative;}
.login_wrap .login_box .login_con p.input_bg label{ display:none;}
.login_wrap .login_box .login_con p.input_bg input.text,
.login_wrap .login_box .login_con p.input_bg input.password{ position:relative; z-index:2; display:inline-block; color:#ccc; font-size:16px; line-height:16px; width:262px; height:20px; padding:13px; vertical-align:middle; background:none; border:1px solid #ddd;}
.login_wrap .login_box .login_con p.input_bg input.password{ font-size:20px;}
.login_wrap .login_box .login_con p.input_bg span#pwd_tips{ position:absolute; z-index:1; top:1px; left:15px; color:#ccc; font-size:16px; height:20px; line-height:20px; padding:13px 0; }
.login_wrap .login_box .login_con p.input_bg .captcha_img{ position:absolute; z-index:1; top:10px; right:10px; height:28px;}
.login_wrap .login_box .login_con p.submit{ margin:0 auto; width:290px; padding-top:20px; }
.login_wrap .login_box .login_con p.submit a{ text-align:center; font-size:20px; color:#fff; display:block; height:45px; line-height:44px; width:290px; background:#008ae7;}
.login_wrap .login_box .login_con p.submit a:hover{ background:#0078c9;}
.login_wrap .login_box .login_con p.tips{ width:290px; font-size:14px; color:#f16906; margin:0 auto; padding-top:12px;}


/*首页*/
.left_bar .index_nav dl dd a{ height:45px; line-height:45px; font-size:16px; padding-left:20px; }
.left_bar .index_nav dl dd a .icon{ width:24px; height:24px; background:url(../images/nav_icon.png) no-repeat; margin-right:15px;}
.left_bar .index_nav dl dd a .icon_home{ background-position:0 -100px;}
.left_bar .index_nav dl dd a .icon_fx{ background-position:-30px -100px;}
.left_bar .index_nav dl dd a .icon_sc{ background-position:-60px -100px;}
.left_bar .index_nav dl dd a .icon_wy{ background-position:-90px -100px;}
.left_bar .index_nav dl dd a .icon_xt{ background-position:-120px -100px;}

.main .index_con{ overflow:auto;}
.main .index_con .panel{ margin: 20px;}
.index_con .panel .toolbar h3{ height:20px; line-height:20px;}
.index_con .panel .toolbar .float_right{ height:20px; line-height:20px;}

.index_con .panel .index_today ul { margin:0 -10px;}
.index_con .panel .index_today ul li{ float:left; width:25%; }
.index_con .panel .index_today ul li div{ height:90px; text-align:center; color:#fff; margin:0 10px; }
.index_con .panel .index_today ul li div.yellow{ background:#fea417; }
.index_con .panel .index_today ul li div.green{ background:#8dc63f; }
.index_con .panel .index_today ul li div.blue{ background:#40bbea; }
.index_con .panel .index_today ul li div.red{ background:#ff503f; }
.index_con .panel .index_today ul li strong{ font-size:26px; display:block; padding:17px 0 5px 0;}

.index_con .panel .index_order table { width:100%;}
.index_con .panel .index_order table td { width:16.66%; height:100px; text-align:center; border:1px solid #ddd;}
.index_con .panel .index_order table td:hover { background:#f8f8f8;}
.index_con .panel .index_order table td strong{ color:#ff503f; font-size:26px; display:block; padding:0 0 10px 0;}

.index_con .panel .index_ent { border-top:1px solid #ddd; padding-top:15px;  }
.index_con .panel .index_ent ul li { float:left; width:50%; }
.index_con .panel .index_ent ul li table td{ padding-bottom:15px;}


div.select_city { position:relative; z-index:2;}
div.select_city input.text { width:150px;}
div.select_city label{ padding:5px; background:#fff; position:absolute; top:1px; right:1px; cursor:pointer; }
div.select_city label .icon{ opacity:0.6; filter:alpha(opacity=60); background:url(../images/dialog_close.gif) no-repeat center center;}
div.select_city label:hover .icon{ opacity:1; filter:alpha(opacity=100); }

div.city_box{ width:395px;}
div.city_box .city_list{ padding:10px;}
div.city_box .city_list a{ display:inline-block; height:22px; line-height:22px; padding:0 5px 0 15px;}
div.city_box .city_list a:hover{ color:#fff; background:#ff7568;}
div.city_box .city_list a.selected{ color:#fff; background:#ff503f;}

div.city_box dl.city_list{ border-bottom:1px dashed #ddd;}
div.city_box dl.city_list:hover{ background:#f9f9f9;}
div.city_box dl.city_list dt{ height:44px; width:40px; padding-left:5px; color:#ff503f; font-weight:bold; float:left; line-height:22px; }



/*新建快递员    头像*/
.popup_body .ui_table table tr td .portrait{ width:70px; height:70px;}
.popup_body .ui_table table tr td .portrait a{ display:block; position:relative; background:#000;}
.popup_body .ui_table table tr td .portrait a img{ width:70px; height:70px;}
.popup_body .ui_table table tr td .portrait a span{ display:none; position:absolute; left:0; top:0; right:0; bottom:0; color:#fff; text-align:center; line-height:70px;}
.popup_body .ui_table table tr td .portrait a:hover img{ opacity:0.3; filter:alpha(opacity=30);}
.popup_body .ui_table table tr td .portrait a:hover span{ display:block;}


.popup_body .ui_table table tr td .qrcode{ float:right; position:relative; z-index:2; margin:1px; }
.popup_body .ui_table table tr td .qrcode a{ display:block; position:relative; }
.popup_body .ui_table table tr td .qrcode a .icon_qrcode{ background:url(../images/icon_qrcode.png) no-repeat center center; }
.popup_body .ui_table table tr td .qrcode a .pic{ display:none; background:#fff; border:1px solid #ccc; position:absolute; right:18px; top:-1px;}
.popup_body .ui_table table tr td .qrcode a .pic img{ width:120px; height:120px; }
.popup_body .ui_table table tr td .qrcode a:hover .pic{ display:block; }


.popup_body .step_box{ overflow:hidden;}
.popup_body .step_box ul { margin-left:-10px;}
.popup_body .step_box ul li{ width:25%; float:left; height:35px; line-height:35px; background:#eee url(../images/step_bg.jpg) no-repeat top right;}
.popup_body .step_box ul li p{background:url(../images/step_bg.jpg) no-repeat left -70px;}
.popup_body .step_box ul li i{ display:inline-block; vertical-align:middle; font-size:20px; padding:0 5px 0 20px; margin-top:-2px;}
.popup_body .step_box ul li.selected{ color:#fff; background:#ff503f url(../images/step_bg.jpg) no-repeat right -35px;}
.popup_body .step_box ul li.selected p{ background:url(../images/step_bg.jpg) no-repeat 0 -105px;}

.popup_body .step_box ul li.last{ background-image:none;}
.popup_body .step_box ul li.first p{ background:none;}
.popup_body .step_item { display:none; width:650px; height:320px; padding-top:10px;}



.popup_body .kd_list table { color:#fff; float:left; height:100%; width:250px; border-right:1px solid #ddd; margin-right:5px; }
.popup_body .kd_list table th{ border:1px solid #fff; background:#e28c04; font-size:16px; height:30px; line-height:30px; }
.popup_body .kd_list table td{ border:1px solid #fff; }
.popup_body .kd_list table td div.box{ width:125px; height:100%; min-height:60px; position:relative; }
.popup_body .kd_list table td div.box div.text{ position:absolute; top:50%; left:10px; right:10px; margin-top:-31px; overflow:hidden; }
.popup_body .kd_list table td.red{ background:#f00; }
.popup_body .kd_list table td.green{ background:#37ab1c; }
.popup_body .kd_list table td.gray{ background:#a6a6a6; }

.popup_body .kd_list table td h3{ position:relative; z-index:2; height:24px; font-size:16px; font-weight:normal; }
.popup_body .kd_list table td p{ height:18px; }
.popup_body .kd_list table td .num{ float:right; display:inline-block; margin:4px 4px 0 0; width:18px; height:18px; line-height:18px; text-align:center; background:#f1f1f1; color:#333; border-radius:50%;  }

.popup_body.add_templet{ padding: 0;}
.popup_body.add_templet .templet_pic{ float: left; height: 400px; width: 600px; border-right: 1px solid #ddd;}

.popup_body.add_templet .templet_pic .pic_view{ height:100%; width:100%; text-align:center; }
.popup_body.add_templet .templet_pic .pic_view i{ display:inline-block; height:100%; width:1px; vertical-align:middle; }
.popup_body.add_templet .templet_pic .pic_view img{ max-height:95%; max-width:95%; }

.popup_body.add_templet .grid{ float: left; height: 400px; width: 300px;}


/*------------------------------------------节目编辑器*/
#container .bg_img{ position:absolute; top:0; left:0; bottom:0; right:0; z-index:-1; overflow:hidden;}
#container .bg_img img{ min-width:1024px; width:100%; min-height:100%; }
#container .editor_header{ height:50px; background:url(../images/black_30.png) repeat; position:relative; z-index:2; }
#container .editor_header .logo{ height:50px; width:117px; float:left; }

/*------------------------------------------节目编辑器_头部_缩放*/
#container .editor_header .slider_wrap{ float:left; margin:15px 0 0 10px;}
#container .editor_header .slider_wrap a,
#container .editor_header .slider_wrap span{ display:block;}
#container .editor_header .slider_wrap .slider_minus,
#container .editor_header .slider_wrap .slider_plus,
#container .editor_header .slider_wrap .slider_auto,
#container .editor_header .slider_wrap .slider_full,
#container .editor_header .slider_wrap .slider_gray,
#container .editor_header .slider_wrap .slider_range,
#container .editor_header .slider_wrap .slider_handle{ background:url(../images/slider.png) no-repeat;}

#container .editor_header .slider_wrap .slider_minus,
#container .editor_header .slider_wrap .slider_plus,
#container .editor_header .slider_wrap .slider_auto,
#container .editor_header .slider_wrap .slider_full { float:left; width:16px; height:16px; margin:2px 5px 0 0;}

#container .editor_header .slider_wrap .slider_minus{ background-position:0 -24px; }
#container .editor_header .slider_wrap .slider_plus{ background-position:-21px -24px;}

#container .editor_header .slider_wrap .slider_auto { background-position:-42px -24px;}
#container .editor_header .slider_wrap .slider_full { background-position:-63px -24px;}

#container .editor_header .slider_wrap .slider_bg{ float:left; position:relative; height:20px; width:150px; margin:0 10px 0 5px; background:none;}
#container .editor_header .slider_wrap .slider_bg .slider_gray{ position:absolute; top:7px; left:0; z-index:1; height:7px; width:150px; background-position:0 0;}
#container .editor_header .slider_wrap .slider_bg .slider_range{ position:absolute; top:7px; left:0; z-index:2; height:7px; background-position:0 -12px; }
#container .editor_header .slider_wrap .slider_bg .slider_handle{ position:absolute; top:2px; margin-left:-8px; z-index:3; height:18px; width:16px; background-position:-84px -24px; }
#container .editor_header .slider_wrap .slider_num { float:left; margin-left:5px; color:#fff; background:none;}
#container .editor_header .slider_wrap .slider_num input.text{ position:relative; z-index:1; width:25px; height:20px; line-height:20px; padding:0 2px 0 0; text-align:center; border-radius:2px; border:none; margin-right:5px; behavior:url(css/PIE/PIE.htc);}

#container .editor_header .page_manage{ float:left; margin:12px 0 0 15px;}
#container .editor_header .page_manage h3{ float:left; font-size:12px; color:#fff; height:26px; line-height:25px; margin-right:10px; font-size:14px;}
#container .editor_header .page_manage a{ display:inline-block; cursor:pointer; position:relative; z-index:1; height:26px; line-height:25px; width:130px; border-radius:2px; background-color:#fff; background:linear-gradient(#fff, #f2f2f2); -pie-background:linear-gradient(#fff, #f2f2f2); behavior:url(css/PIE/PIE.htc);}
#container .editor_header .page_manage a span.text{ display:inline-block; width:95px; margin-left:6px; overflow:hidden; white-space:nowrap; vertical-align:middle; text-overflow:ellipsis; }
#container .editor_header .page_manage a span.arrow{ display:inline-block; vertical-align:middle; margin:5px 0 0 12px; *margin-top:4px; height:0; width:0; border:5px solid; border-color:#555 transparent transparent;}
#container .editor_header .page_manage a:hover{ background:#fff; -pie-background:#fff;}

/*------------------------------------------节目编辑器_头部_页面管理
#container .editor_header .page_manage_list{ position:absolute; top:12px; left:360px; z-index:999999; display:none; }
#container .editor_header .page_manage_list h4{ position:relative; height:26px; line-height:26px; font-size:14px; font-weight:normal; width:124px; padding:0 0 0 6px; background:#fff; border-radius:3px 3px 0 0; box-shadow:0 0 4px 0 rgba(0,0,0,.4); behavior:url(css/PIE/PIE.htc);}
#container .editor_header .page_manage_list h4 span{ position:absolute; left:0; bottom:0; z-index:3; display:block; height:5px; width:130px; background:#fff;}
#container .editor_header .page_manage_list .list_con{ position:relative; z-index:1; width:210px; padding:6px; background:#fff; border-radius:0 3px 3px 3px; box-shadow:1px 1px 4px 0 rgba(0,0,0,.4); behavior:url(css/PIE/PIE.htc);}
#container .editor_header .page_manage_list .list_con .scroll{ height:178px;}

#container .editor_header .page_manage_list .list_con ul.scroll_con li{ height:28px; border-bottom:1px dashed #e8e8e8; position:relative; }
#container .editor_header .page_manage_list .list_con ul.scroll_con li .li_list{ display:inline-block; float:left; margin:6px 2px 0 0; width:14px; height:14px; background:url(../images/editor_icon.png) no-repeat -22px -4px;}
#container .editor_header .page_manage_list .list_con ul.scroll_con li .li_list_home{ display:inline-block; float:left; margin:6px 2px 0 0; width:14px; height:14px; background:url(../images/editor_icon.png) no-repeat -4px -4px;}
#container .editor_header .page_manage_list .list_con ul.scroll_con li .text{ display:inline-block; float:left; height:28px; line-height:28px;}
#container .editor_header .page_manage_list .list_con ul.scroll_con li:hover{ background:#eaf6ff;}
#container .editor_header .page_manage_list .list_con ul.scroll_con li.selected{ background:#eaf6ff;}

#container .editor_header .page_manage_list .list_con ul.scroll_con li p.icon_btn{ display:none; margin:0; position:absolute; top:0; right:0; padding:0 10px 0 5px; height:28px; background:#eaf6ff; text-align:center; }
#container .editor_header .page_manage_list .list_con ul.scroll_con li p.icon_btn a { display:inline-block; float:left; margin:4px 0 0 0; padding:4px;  border-radius:2px;}
#container .editor_header .page_manage_list .list_con ul.scroll_con li p.icon_btn a span{ display:block; width:14px; height:14px; background:url(../images/editor_icon.png) no-repeat; opacity:0.6;filter: alpha(opacity=60); }
#container .editor_header .page_manage_list .list_con ul.scroll_con li p.icon_btn a.up span{ background-position:-58px -22px;}
#container .editor_header .page_manage_list .list_con ul.scroll_con li p.icon_btn a.down span{ background-position:-76px -22px;}
#container .editor_header .page_manage_list .list_con ul.scroll_con li p.icon_btn a.delete span{ background-position:-94px -22px;}
#container .editor_header .page_manage_list .list_con ul.scroll_con li p.icon_btn a.edit span{ background-position:-112px -22px;}
#container .editor_header .page_manage_list .list_con ul.scroll_con li p.icon_btn a.add span{ background-position:-130px -22px;}
#container .editor_header .page_manage_list .list_con ul.scroll_con li p.icon_btn a.home span{ background-position:-148px -22px;}
#container .editor_header .page_manage_list .list_con ul.scroll_con li p.icon_btn a:hover{ background:#A0DDFF;}
#container .editor_header .page_manage_list .list_con ul.scroll_con li p.icon_btn a:hover span{ opacity:1; filter: alpha(opacity=100);}
#container .editor_header .page_manage_list .list_con ul.scroll_con li:hover p.icon_btn{ display:block;}

#container .editor_header .page_manage_list .list_con p.add_page{ height:28px;}
#container .editor_header .page_manage_list .list_con p.add_page a.add{ display:block; height:28px; font-size:13px; font-weight:bold; line-height:28px; background:#eaf6ff; border:1px solid #cde3f3; color:#149cdb;}
#container .editor_header .page_manage_list .list_con p.add_page a.add:hover{ border:1px solid #149cdb;}
#container .editor_header .page_manage_list .list_con p.add_page a.add span.icon{ display:inline-block; float:left; margin:7px 2px 0 2px; width:14px; height:14px; background:url(../images/editor_icon.png) no-repeat -40px -4px;}
*/

/*----------------------------------------节目编辑器_头部_右侧按钮*/
#container .editor_header .btn_box{ float:right;}
#container .editor_header .btn_box a { float:left; color:#fff; display:block; font-size:13px; height:50px; line-height:50px; padding:0 15px; border-radius:2px; behavior:url(css/PIE/PIE.htc);}
#container .editor_header .btn_box a span.icon{ display:inline-block; width:14px; height:14px; vertical-align:middle; margin:-3px 5px 0 0; background:url(../images/editor_icon.png) no-repeat;}
#container .editor_header .btn_box a span.arrow{ display:inline-block; width:0; height:0; vertical-align:middle; border-width:4px; margin-left:5px; border-style:solid; border-color:#fff transparent transparent;}
#container .editor_header .btn_box a.view span.icon{ background-position:-4px -40px; }
#container .editor_header .btn_box a.save span.icon{ background-position:-22px -40px; }
#container .editor_header .btn_box a.exit span.icon{ background-position:-40px -40px; }
#container .editor_header .btn_box a.publish span.icon{ background-position:-238px -22px; }
#container .editor_header .btn_box a:hover,
#container .editor_header .btn_box a.selected{ background:url(../images/black_40.png);}

#container .editor_header .btn_box div.alignment_wrap{ float:left;}
#container .editor_header .btn_box div.alignment_wrap a.alignment{ float:none; background:none; padding:0; margin-right:15px;}
#container .editor_header .btn_box div.alignment_wrap a.alignment span.icon{ background-position:-238px -76px; }

/*元素对齐*/
#container .editor_header .alignment_con{ position:absolute; top:32px; right:220px; z-index:2; width:120px; display:none; }
#container .editor_header .alignment_con span.arrow{ display:block; margin:0 auto; height:0; width:0; border:10px solid; border-color:transparent transparent #ccc; }
#container .editor_header .alignment_con span.arrow_1{ display:block; margin:-18px auto -1px auto; height:0; width:0; border:9px solid; border-color:transparent transparent #fff; position:relative; z-index:1; }
#container .editor_header .alignment_con ul { background:#fff; padding:5px 0; border-radius:2px; border:1px solid #ddd; box-shadow:0 0 7px 0 rgba(0,0,0,.4);}
#container .editor_header .alignment_con ul li a{ float:none; padding:0; color:#434343; font-size:12px; display:block; height:30px; line-height:30px; text-align:left; border-radius:0;}
#container .editor_header .alignment_con ul li a:hover{ background:#48a9f4; color:#fff;}
#container .editor_header .alignment_con ul li a.disabled{ background:none; color:#757575; cursor:default;}
#container .editor_header .alignment_con ul li a span.icon{ margin:-3px 8px 0 12px;}
#container .editor_header .alignment_con ul li a.align_left span.icon{ background-position:-4px -76px; }
#container .editor_header .alignment_con ul li a.align_right span.icon{ background-position:-22px -76px; }
#container .editor_header .alignment_con ul li a.align_top span.icon{ background-position:-40px -76px; }
#container .editor_header .alignment_con ul li a.align_bottom span.icon{ background-position:-58px -76px; }
#container .editor_header .alignment_con ul li a.horizonta_alignment span.icon{ background-position:-76px -76px; }
#container .editor_header .alignment_con ul li a.vertical_alignment span.icon{ background-position:-94px -76px; }
#container .editor_header .alignment_con ul li a.magnet_left span.icon{ background-position:-112px -76px; }
#container .editor_header .alignment_con ul li a.magnet_right span.icon{ background-position:-130px -76px; }
#container .editor_header .alignment_con ul li a.magnet_top span.icon{ background-position:-148px -76px; }
#container .editor_header .alignment_con ul li a.magnet_bottom span.icon{ background-position:-166px -76px; }

#container .editor_header .alignment_con ul li a.align_left:hover span.icon{ background-position:-184px -76px; }
#container .editor_header .alignment_con ul li a.align_right:hover span.icon{ background-position:-202px -76px; }
#container .editor_header .alignment_con ul li a.align_top:hover span.icon{ background-position:-220px -76px; }
#container .editor_header .alignment_con ul li a.align_bottom:hover span.icon{ background-position:-238px -76px; }
#container .editor_header .alignment_con ul li a.horizonta_alignment:hover span.icon{ background-position:-256px -76px; }
#container .editor_header .alignment_con ul li a.vertical_alignment:hover span.icon{ background-position:-274px -76px; }
#container .editor_header .alignment_con ul li a.magnet_left:hover span.icon{ background-position:-292px -76px; }
#container .editor_header .alignment_con ul li a.magnet_right:hover span.icon{ background-position:-310px -76px; }
#container .editor_header .alignment_con ul li a.magnet_top:hover span.icon{ background-position:-328px -76px; }
#container .editor_header .alignment_con ul li a.magnet_bottom:hover span.icon{ background-position:-346px -76px; }

#container .editor_header .alignment_con ul li a.align_left.disabled span.icon{ background-position:-364px -76px; }
#container .editor_header .alignment_con ul li a.align_right.disabled span.icon{ background-position:-382px -76px; }
#container .editor_header .alignment_con ul li a.align_top.disabled span.icon{ background-position:-400px -76px; }
#container .editor_header .alignment_con ul li a.align_bottom.disabled span.icon{ background-position:-418px -76px; }
#container .editor_header .alignment_con ul li a.horizonta_alignment.disabled span.icon{ background-position:-436px -76px; }
#container .editor_header .alignment_con ul li a.vertical_alignment.disabled span.icon{ background-position:-454px -76px; }
#container .editor_header .alignment_con ul li a.magnet_left.disabled span.icon{ background-position:-472px -76px; }
#container .editor_header .alignment_con ul li a.magnet_right.disabled span.icon{ background-position:-490px -76px; }
#container .editor_header .alignment_con ul li a.magnet_top.disabled span.icon{ background-position:-508px -76px; }
#container .editor_header .alignment_con ul li a.magnet_bottom.disabled span.icon{ background-position:-526px -76px; }

/*保存*/
#container .editor_header .btn_box div.save_wrap{ float:left;}
#container .editor_header .btn_box div.save_wrap a.save{ float:none; }
#container .editor_header .btn_box div.save_wrap .save_con{ position:absolute; top:50px; right:38px; z-index:2; width:125px; display:none; }
#container .editor_header .btn_box div.save_wrap .save_con ul { background:#fff; padding:5px 0; border-radius:0 0 2px 2px; border:1px solid #ddd; box-shadow:0 0 7px 0 rgba(0,0,0,.4);}
#container .editor_header .btn_box div.save_wrap .save_con ul li a{ float:none; padding:0; color:#434343; font-size:12px; display:block; height:30px; line-height:30px; text-align:left; border-radius:0;}
#container .editor_header .btn_box div.save_wrap .save_con ul li a:hover{ background:#48a9f4; color:#fff;}
#container .editor_header .btn_box div.save_wrap .save_con ul li a.disabled{ background:none; color:#757575; cursor:default;}
#container .editor_header .btn_box div.save_wrap .save_con ul li a span.icon{ margin:-3px 8px 0 12px;}

#container .editor_header .btn_box div.save_wrap .save_con ul li a.save_template span.icon{ background-position:-166px -22px; }
#container .editor_header .btn_box div.save_wrap .save_con ul li a.save_page span.icon{ background-position:-184px -22px; }

#container .editor_header .btn_box div.save_wrap .save_con ul li a.save_template:hover span.icon{ background-position:-202px -22px; }
#container .editor_header .btn_box div.save_wrap .save_con ul li a.save_page:hover span.icon{ background-position:-220px -22px; }


/*坐标以及宽高*/
#container .editor_header .coordinate{ float:right; margin:15px 30px 0 0; color:#fff;}
#container .editor_header .coordinate table td{ padding-bottom:3px; letter-spacing:-2px;}
#container .editor_header .coordinate table td input.text{ width:38px;border-radius:2px; height:18px;}

/*编辑器主体画布*/
#container .editor_main{ position:absolute; top:50px; left:20px; right:20px; bottom:0; z-index:1; overflow:hidden;}
#container .editor_main .canvas_wrap{ position:absolute; z-index:1; border:1px dashed #FF8500; background:#fff;}

/*------------------------------------------节目编辑器_左侧五个工具*/
#container .editor_main .toolbar_left{ position:absolute; z-index:2; left:5px; top:20px;}
#container .editor_main .toolbar_left .tool_button { margin:0 0 20px 0; position:relative;}
#container .editor_main .toolbar_left .tool_button a.button_click{ position:relative; display:inline-block; height:56px; width:56px; overflow:hidden; background:url(../images/editor_toolbar_btn_bg.png) repeat-x 0 0; box-shadow:0 1px 7px 0 rgba(0,0,0,0.4); box-shadow:0 1px 4px 0 rgba(0,0,0)\9; border-radius:4px; behavior:url(css/PIE/PIE.htc); transition:width 0.2s linear 0s; }
#container .editor_main .toolbar_left .tool_button a.button_click span.icon{ display:block; float:left; height:42px; width:42px; margin:7px 0 0 7px; background:url(../images/editor_toolbar_icon.png) no-repeat;}
#container .editor_main .toolbar_left .tool_button a.button_click span.text{ position:absolute; top:0; left:58px; font-size:18px; width:55px; height:55px; line-height:55px;}
#container .editor_main .toolbar_left .tool_button a.button_click:hover{ width:110px; border-left-width:3px; border-left-style:solid;}

#container .editor_main .toolbar_left .t_b_add a.button_click span.icon{ background-position:0 0;}
#container .editor_main .toolbar_left .t_b_plugin a.button_click span.icon{ background-position:-50px 0;}
#container .editor_main .toolbar_left .t_b_template a.button_click span.icon{ background-position:-100px 0;}
#container .editor_main .toolbar_left .t_b_touch a.button_click span.icon{ background-position:-150px 0;}
#container .editor_main .toolbar_left .t_b_setting a.button_click span.icon{ background-position:-200px 0;}

/*-----------------------------------------节目编辑器_按钮hover事件*/
#container .editor_main .toolbar_left .t_b_add a.button_click:hover{ border-left-color:#00b700; color:#00b700;}
#container .editor_main .toolbar_left .t_b_plugin a.button_click:hover{ border-left-color:#ff3e0c; color:#ff3e0c;}
#container .editor_main .toolbar_left .t_b_template a.button_click:hover{ border-left-color:#f524da; color:#f524da;}
#container .editor_main .toolbar_left .t_b_touch a.button_click:hover{ border-left-color:#008fe2; color:#008fe2;}
#container .editor_main .toolbar_left .t_b_setting a.button_click:hover{ border-left-color:#9b6546; color:#9b6546;}

#container .editor_main .toolbar_left .t_b_add a.button_click:hover span.icon{ background-position:-250px 0;}
#container .editor_main .toolbar_left .t_b_plugin a.button_click:hover span.icon{ background-position:-300px 0; }
#container .editor_main .toolbar_left .t_b_template a.button_click:hover span.icon{ background-position:-350px 0;}
#container .editor_main .toolbar_left .t_b_touch a.button_click:hover span.icon{ background-position:-400px 0;}
#container .editor_main .toolbar_left .t_b_setting a.button_click:hover span.icon{ background-position:-450px 0;}

/*-----------------------------------------节目编辑器_按钮选中事件*/
#container .editor_main .toolbar_left .tool_button a.selected span.text{ display:none;}
#container .editor_main .toolbar_left .tool_button a.selected,
#container .editor_main .toolbar_left .tool_button a.selected:hover{ width:70px; border:none; border-radius:4px 0 0 4px;}
#container .editor_main .toolbar_left .tool_button a.selected span.icon,
#container .editor_main .toolbar_left .tool_button a.selected:hover span.icon{ margin-left:13px; }

#container .editor_main .toolbar_left .t_b_add a.selected,
#container .editor_main .toolbar_left .t_b_add a.selected:hover{ background-position:0 -60px; }
#container .editor_main .toolbar_left .t_b_add a.selected span.icon,
#container .editor_main .toolbar_left .t_b_add a.selected:hover span.icon{ background-position:-500px 0;}

#container .editor_main .toolbar_left .t_b_plugin a.selected,
#container .editor_main .toolbar_left .t_b_plugin a.selected:hover{ background-position:0 -120px;}
#container .editor_main .toolbar_left .t_b_plugin a.selected span.icon,
#container .editor_main .toolbar_left .t_b_plugin a.selected:hover span.icon{ background-position:-550px 0;}

#container .editor_main .toolbar_left .t_b_template a.selected,
#container .editor_main .toolbar_left .t_b_template a.selected:hover{ background-position:0 -180px; }
#container .editor_main .toolbar_left .t_b_template a.selected span.icon,
#container .editor_main .toolbar_left .t_b_template a.selected:hover span.icon{ background-position:-600px 0;}
/*
#container .editor_main .toolbar_left .t_b_touch a.selected,
#container .editor_main .toolbar_left .t_b_touch a.selected:hover{ background-position:0 -240px; } 
#container .editor_main .toolbar_left .t_b_touch a.selected span.icon,
#container .editor_main .toolbar_left .t_b_touch a.selected:hover span.icon{ background-position:-650px 0;} 
*/
#container .editor_main .toolbar_left .t_b_setting a.selected,
#container .editor_main .toolbar_left .t_b_setting a.selected:hover{ background-position:0 -300px; }
#container .editor_main .toolbar_left .t_b_setting a.selected span.icon,
#container .editor_main .toolbar_left .t_b_setting a.selected:hover span.icon{ background-position:-700px 0;}

/*---------------------------------------节目编辑器_二级菜单*/
#container .editor_main .toolbar_left .tool_button .tool_second { width:0; overflow:hidden; position:absolute; top:0; left:68px; z-index:2; background:url(../images/editor_toolbar_btn_bg.png) repeat-x 0 -360px; box-shadow:1px 1px 5px 0 rgba(0,0,0,.4); border-radius:0 5px 5px 5px; border-top:1px solid #ddd\9; filter:progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#b9b9b9')\9;}
#container .editor_main .toolbar_left .tool_button .tool_second ul{ height:75px;}
#container .editor_main .toolbar_left .tool_button .tool_second ul li{ display:inline-block; margin-right:-4px; width:65px; height:75px;}
#container .editor_main .toolbar_left .tool_button .tool_second ul li a{ display:inline-block; height:75px; width:65px; text-align:center; overflow:hidden;}
#container .editor_main .toolbar_left .tool_button .tool_second ul li a span.icon{ background:url(../images/editor_toolbar_icon.png) no-repeat; background-color:#f9f9f9\0; *background-color:#f9f9f9; display:block; height:42px; width:42px; margin:8px auto 0 auto; opacity:0.7; filter:alpha(opacity=70);}
#container .editor_main .toolbar_left .tool_button .tool_second ul li a.text span.icon{ background-position:0px -50px;}
#container .editor_main .toolbar_left .tool_button .tool_second ul li a.scroll_text span.icon{ background-position:-50px -50px;}
#container .editor_main .toolbar_left .tool_button .tool_second ul li a.image span.icon{ background-position:-100px -50px;}
#container .editor_main .toolbar_left .tool_button .tool_second ul li a.graphic span.icon{ background-position:-150px -50px;}
#container .editor_main .toolbar_left .tool_button .tool_second ul li a.video span.icon{ background-position:-200px -50px;}
#container .editor_main .toolbar_left .tool_button .tool_second ul li a.word span.icon{ background-position:-250px -50px;}
#container .editor_main .toolbar_left .tool_button .tool_second ul li a.excel span.icon{ background-position:-300px -50px;}
#container .editor_main .toolbar_left .tool_button .tool_second ul li a.ppt span.icon{ background-position:-350px -50px;}
#container .editor_main .toolbar_left .tool_button .tool_second ul li a.pdf span.icon{ background-position:-400px -50px;}
#container .editor_main .toolbar_left .tool_button .tool_second ul li a.video_stream span.icon{ background-position:-450px -50px;}
#container .editor_main .toolbar_left .tool_button .tool_second ul li a.webpage span.icon{ background-position:-500px -50px;}
#container .editor_main .toolbar_left .tool_button .tool_second ul li a.process_table span.icon{ background-position:-550px -50px;}
#container .editor_main .toolbar_left .tool_button .tool_second ul li a.process_area span.icon{ background-position:-600px -50px;}
#container .editor_main .toolbar_left .tool_button .tool_second ul li a.variable span.icon{ background-position:-650px -50px;}

#container .editor_main .toolbar_left .tool_button .tool_second ul li a.rss span.icon{ background-position:0 -100px;}
#container .editor_main .toolbar_left .tool_button .tool_second ul li a.date span.icon{ background-position:-50px -100px;}
#container .editor_main .toolbar_left .tool_button .tool_second ul li a.time span.icon{ background-position:-100px -100px;}
#container .editor_main .toolbar_left .tool_button .tool_second ul li a.date_time span.icon{ background-position:-150px -100px;}
#container .editor_main .toolbar_left .tool_button .tool_second ul li a.count_down span.icon{ background-position:-200px -100px;}
#container .editor_main .toolbar_left .tool_button .tool_second ul li a.weather span.icon{ background-position:-250px -100px;}
#container .editor_main .toolbar_left .tool_button .tool_second ul li a.table span.icon{ background-position:-300px -100px;}
#container .editor_main .toolbar_left .tool_button .tool_second ul li a.data_text span.icon{ background-position:-350px -100px;}
#container .editor_main .toolbar_left .tool_button .tool_second ul li a.data_img span.icon{ background-position:-400px -100px;}
#container .editor_main .toolbar_left .tool_button .tool_second ul li a.data_area span.icon{ background-position:-450px -100px;}
#container .editor_main .toolbar_left .tool_button .tool_second ul li a.progress_bar span.icon{ background-position:-500px -100px;}
#container .editor_main .toolbar_left .tool_button .tool_second ul li a.signal_lamp span.icon{ background-position:-550px -100px;}
#container .editor_main .toolbar_left .tool_button .tool_second ul li a.process_user span.icon{ background-position:-600px -100px;}
#container .editor_main .toolbar_left .tool_button .tool_second ul li a.process_lamp span.icon{ background-position:-650px -100px;}

/*
#container .editor_main .toolbar_left .tool_button .tool_second ul li a.nav span.icon{ background-position:0 -150px;} 
#container .editor_main .toolbar_left .tool_button .tool_second ul li a.image_touch span.icon{ background-position:-50px -150px;} 
#container .editor_main .toolbar_left .tool_button .tool_second ul li a.video_touch span.icon{ background-position:-100px -150px;} 
#container .editor_main .toolbar_left .tool_button .tool_second ul li a.graphic_list span.icon{ background-position:-150px -150px;} 
#container .editor_main .toolbar_left .tool_button .tool_second ul li a.article_list span.icon{ background-position:-200px -150px;} 
*/

#container .editor_main .toolbar_left .tool_button .tool_second ul li a.page_setting span.icon{ background-position:0 -200px;}
#container .editor_main .toolbar_left .tool_button .tool_second ul li a.canvas_setting span.icon{ background-position:-50px -200px;}
#container .editor_main .toolbar_left .tool_button .tool_second ul li a.music span.icon{ background-position:-100px -200px;}

#container .editor_main .toolbar_left .tool_button .tool_second ul li a:hover span.icon{ transition:margin 0.2s linear 0s; margin:15px auto 0 auto; opacity:1;filter:alpha(opacity=100);}

/*-------------------------------------------浮动控件的属性集*/
#container .float_toolbar{ position:absolute; z-index:2; height:28px; padding:0 5px; background:url(../images/editor_toolbar_btn_bg.png) repeat-x 0 -439px; border-radius:2px; box-shadow:1px 1px 4px 0 rgba(0,0,0,.4); behavior:url(css/PIE/PIE.htc);}
#container .float_toolbar a{ display:block; width:22px; height:22px; float:left; margin:3px 1px 0 1px; border-radius:2px;behavior:url(css/PIE/PIE.htc);}
#container .float_toolbar a span.icon{ display:block; width:14px; height:14px; background:url(../images/editor_icon.png) no-repeat; margin:4px 0 0 4px;}

#container .float_toolbar a.up span.icon{ background-position:-58px -40px;}
#container .float_toolbar a.down span.icon{ background-position:-76px -40px;}
#container .float_toolbar a.lock span.icon{ background-position:-94px -40px;}
#container .float_toolbar a.unlock span.icon{ background-position:-112px -40px;}
#container .float_toolbar a.setting span.icon{ background-position:-130px -40px;}
#container .float_toolbar a.delete span.icon{ background-position:-148px -40px;}
#container .float_toolbar a.full span.icon{ background-position:-166px -40px;}
#container .float_toolbar a.cancel_full span.icon{ background-position:-184px -40px;}
#container .float_toolbar a.link span.icon{ background-position:-202px -40px;}
#container .float_toolbar a.top span.icon{ background-position:-220px -40px;}
#container .float_toolbar a.bottom span.icon{ background-position:-238px -40px;}
#container .float_toolbar a.select_group span.icon{ background-position:-256px -40px;}
#container .float_toolbar a.select_group1 span.icon{ background-position:-274px -40px;}

#container .float_toolbar a:hover{ background:url(../images/editor_toolbar_btn_bg.png) repeat-x 0 -471px;}
#container .float_toolbar a:active{ background:url(../images/editor_toolbar_btn_bg.png) repeat-x 0 -497px;}
#container .float_toolbar a:active span.icon{ margin:5px 0 0 5px;}



/*------------------------------------------节目编辑器_控件属性弹出框*/

.property_setting .popup_body{ background:#fff; padding:0; overflow:hidden; zoom:1;}
.property_setting .popup_head{ border-color:#d6d6d6; }

.property_setting .popup_button{ background:#fff; padding-top:0; border-top:none;}
.property_setting fieldset { margin: 13px 12px;}

.property_setting .popup_body fieldset { background:#fff;}
.property_setting .popup_body fieldset .content{ padding:5px 13px;}
.property_setting .popup_body fieldset .content td { padding:6px 0; outline:none; }
.property_setting .popup_body fieldset .content td input.text{ padding:1px 4px; width:92px; }
.property_setting .popup_body fieldset .content td select{ height:26px; line-height:25px; width:102px; padding:0; }
.property_setting .popup_body fieldset .content td textarea{ width:535px; height:100px; }
.property_setting .popup_body fieldset .content td span.radio_box{ top:0;}
.property_setting .popup_body fieldset .content td span.radio_box{ display:inline-block; margin-right:20px; position:relative; top:-1px;}
.property_setting .popup_body fieldset .content td span.radio_box input.radio{ vertical-align:middle; margin-right:3px; width:14px; height:14px;}
.property_setting .popup_body fieldset .content td span.radio_box input.checkbox{ vertical-align:middle; margin-right:3px; width:14px; height:14px;}
.property_setting .popup_body fieldset .content td span.radio_box label{ vertical-align:middle;}

/*背景属性*/
.property_setting .popup_body fieldset .content td .set_bg_color{ height:30px; width:48px; display:inline-block;}
.property_setting .popup_body fieldset .content td .set_bg_color a{ height:30px; width:48px; display:inline-block; background:url(../images/set_bg.jpg) no-repeat;}
.property_setting .popup_body fieldset .content td .set_bg_color a:hover{ background-position:0 -30px; }
.property_setting .popup_body fieldset .content td .set_bg_color a span{ display:block; height:18px; width:18px; margin:6px 0 0 7px; }

.property_setting .popup_body fieldset .content td .set_bg_img{ height:28px; width:28px; display:inline-block; background:url(../images/set_bg.jpg) no-repeat 0 -60px; border:1px solid #ddd;}
.property_setting .popup_body fieldset .content td .set_bg_img img{ height:100%; width:100%; }
.property_setting .popup_body fieldset .content td a.delete_bg{ display:inline-block; height:14px; line-height:14px; color:#3d9ce6; }
.property_setting .popup_body fieldset .content td a.delete_bg:hover{ text-decoration:underline; }
.property_setting .popup_body fieldset .content td a.delete_bg span.icon{ display:inline-block; margin-right:2px; vertical-align:top; width:14px; height:14px; background:url(../images/editor_icon.png) no-repeat -256px -58px; }

/*文字属性*/
.property_setting .popup_body fieldset .content td div.text_style { height:22px; margin-left:-3px;}
.property_setting .popup_body fieldset .content td div.text_style span.border{ display:block; width:2px; height:20px; float:left; margin:1px 6px 0 4px; border-right:1px solid #ccc; }
.property_setting .popup_body fieldset .content td div.text_style a { cursor:default; display:block; float:left; text-align:center; padding:4px 5px; margin:0 3px; border-radius:2px;}
.property_setting .popup_body fieldset .content td div.text_style a:hover { background:#E2F2FF; }
.property_setting .popup_body fieldset .content td div.text_style a.selected { background:#bde1ff; }
.property_setting .popup_body fieldset .content td div.text_style a.disabled { background:none; cursor:default; }
.property_setting .popup_body fieldset .content td div.text_style a.disabled span.icon{ opacity:0.2; filter:alpha(opacity=20);}

.property_setting .popup_body fieldset .content td div.text_style a span.icon{ display:inline-block; vertical-align:middle; width:14px; height:14px; background:url(../images/editor_icon.png) no-repeat; }
.property_setting .popup_body fieldset .content td div.text_style a.bold span.icon{ background-position:-4px -58px;}
.property_setting .popup_body fieldset .content td div.text_style a.italic span.icon{ background-position:-22px -58px;}
.property_setting .popup_body fieldset .content td div.text_style a.underline span.icon{ background-position:-40px -58px;}
.property_setting .popup_body fieldset .content td div.text_style a.clear span.icon{ background-position:-58px -58px;}
.property_setting .popup_body fieldset .content td div.text_style a.align_left span.icon{ background-position:-76px -58px;}
.property_setting .popup_body fieldset .content td div.text_style a.align_center span.icon{ background-position:-94px -58px;}
.property_setting .popup_body fieldset .content td div.text_style a.align_right span.icon{ background-position:-112px -58px;}
.property_setting .popup_body fieldset .content td div.text_style a.valign_top span.icon{ background-position:-130px -58px;}
.property_setting .popup_body fieldset .content td div.text_style a.valign_middle span.icon{ background-position:-148px -58px;}
.property_setting .popup_body fieldset .content td div.text_style a.valign_bottom span.icon{ background-position:-166px -58px;}
.property_setting .popup_body fieldset .content td div.text_style a.text_color span.icon{ height:11px; border-bottom:3px solid #000; background-position:-184px -58px;}
.property_setting .popup_body fieldset .content td div.text_style a.text_color span.arrow{ display:inline-block; vertical-align:middle; margin:-4px -5px -4px 3px; height:22px; width:10px;}
.property_setting .popup_body fieldset .content td div.text_style a.text_color span.arrow b{ display:inline-block; font-family:"宋体"; width:0; height:0; margin-top:9px; border-width:3px; border-style:solid; border-color:#000 transparent transparent; }
.property_setting .popup_body fieldset .content td div.text_style a.text_color:hover span.arrow { background:#bde1ff; }

.property_setting .popup_body fieldset .content td div.text_style a.bg_color span.icon{ height:11px; background-position:-202px -58px; border-bottom-style:solid; border-bottom-width:3px; border-color:transparent;}
.property_setting .popup_body fieldset .content td div.text_style a.bg_color span.arrow{ display:inline-block; vertical-align:middle; margin:-4px -5px -4px 3px; height:22px; width:10px;}
.property_setting .popup_body fieldset .content td div.text_style a.bg_color span.arrow b{ display:inline-block; font-family:"宋体"; width:0; height:0; margin-top:9px; border-width:3px; border-style:solid; border-color:#000 transparent transparent; }
.property_setting .popup_body fieldset .content td div.text_style a.bg_color:hover span.arrow { background:#bde1ff; }

/*文字大小-行高图标*/
.property_setting .popup_body fieldset .content td span.font_size{ display:inline-block; vertical-align:middle; width:14px; height:14px; background:url(../images/editor_icon.png) no-repeat -220px -58px;}
.property_setting .popup_body fieldset .content td span.line_height{ display:inline-block; vertical-align:middle; width:14px; height:14px; background:url(../images/editor_icon.png) no-repeat -238px -58px;}

/*开关*/
.property_setting .popup_body fieldset .content td .switch{ position:relative; height:24px; width:70px; background:#727272; border-radius:2px; behavior:url(css/PIE/PIE.htc); user-select:none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; -khtml-user-select:none;}
.property_setting .popup_body fieldset .content td .switch .s_bar{ cursor:pointer; position:absolute; top:2px; left:2px; height:20px; width:30px; background:#fff; border-radius:2px; behavior:url(css/PIE/PIE.htc);}
.property_setting .popup_body fieldset .content td .switch .s_text{ color:#fff; display:block; width:35px; text-align:center; height:24px; line-height:25px;}
.property_setting .popup_body fieldset .content td .switch .off{ color:#ddd; position:absolute; top:0; right:0;}
.property_setting .popup_body fieldset .content td .switch .on{ display:none; color:#fff; position:absolute; top:0; left:0;}

.property_setting .popup_body fieldset .content td .switch_on{ background:#48a3ea;}
.property_setting .popup_body fieldset .content td .switch_on .off{ display:none;}
.property_setting .popup_body fieldset .content td .switch_on .s_bar{ left:38px;}
.property_setting .popup_body fieldset .content td .switch_on .on{ display:block;}


/*素材列表-上面按钮*/
/*------------------------------------------工具栏*/
.property_setting .popup_body .toolbar{ padding:0; margin:13px 12px 0 12px; border:1px solid #ddd; border-bottom:1px solid #ccc; height:44px; background:url(../images/popup.png) repeat-x;}
.property_setting .popup_body .toolbar .btn { margin-top:6px; }
.property_setting .popup_body .toolbar a.a_btn { border:1px solid #ccc;}

/*素材列表*/
.property_setting .popup_body .list_pic{ overflow:auto; height:327px; width:630px; position:relative; border:1px solid #ddd; border-top:none; background:#fff; margin:0 12px 13px 12px;}
.property_setting .popup_body .list_pic ul{ margin-left:5px; margin-top:5px;}

.property_setting .popup_body .list_pic ul li{ float:left; position:relative; width:140px; height:150px; border:2px solid #fff; margin:0 0 5px 5px; }
.property_setting .popup_body .list_pic ul li p{ margin:0 10px; text-align:center;}
.property_setting .popup_body .list_pic ul li p.pic{ margin:10px 10px 4px 10px; height:88px; position:relative; }
.property_setting .popup_body .list_pic ul li p.pic b{ display:inline-block; height:88px; width:1px; margin-left:-1px; vertical-align:bottom; }
.property_setting .popup_body .list_pic ul li p.pic img{ max-width:100%; max-height:100%; margin:0 auto; vertical-align:bottom;}
.property_setting .popup_body .list_pic ul li p.text { height:22px; line-height:22px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.property_setting .popup_body .list_pic ul li p.btn{ display:none; height:26px; line-height:22px; background:#fff; position:absolute; left:0; right:0; bottom:0; margin:0;}
.property_setting .popup_body .list_pic ul li p.btn a{ color:#1c81c8; display:inline-block; margin:0 3px; text-decoration:underline;}
.property_setting .popup_body .list_pic ul li:hover p.btn{ display:block;}



/*表格控件*/
.property_setting .set_table{ position:relative; height:100%;}
.property_setting .set_table .select_box{ position:absolute; top:0; right:0; bottom:12px; width:190px; border-left:1px solid #ddd; border-bottom:1px solid #ddd;}
.property_setting .set_table .select_box .select_head{ height:35px; border-bottom:1px solid #ddd; margin:0 10px; position:relative;}
.property_setting .set_table .select_box .select_head h3{ font-size:14px; position:absolute; left:0; bottom:4px; }
.property_setting .set_table .select_box .select_head span.msg{ position:absolute; right:0; bottom:4px; color:#ccc; }
.property_setting .set_table .select_box .select_body { position:absolute; top:36px; left:10px; right:10px; bottom:0; overflow:hidden; }
.property_setting .set_table .select_box .select_body ul li { height:30px; line-height:30px; border-bottom:1px dashed #ddd; position:relative;}
.property_setting .set_table .select_box .select_body ul li span.text{ display:block; width:100%; height:100%; overflow:hidden;}
.property_setting .set_table .select_box .select_body ul li:hover { background:#f6f6f6;}

.property_setting .set_table .select_box .select_body ul li p.icon_btn{ display:none; margin:0; position:absolute; top:0; right:0; padding:0 5px; height:30px; background:#e5e5e5; text-align:center; }
.property_setting .set_table .select_box .select_body ul li p.icon_btn a { display:inline-block; float:left; margin:4px 0 0 0; padding:4px;  border-radius:2px;}
.property_setting .set_table .select_box .select_body ul li p.icon_btn a span{ display:block; width:14px; height:14px; background:url(../images/editor_icon.png) no-repeat; opacity:0.6;filter: alpha(opacity=60); }
.property_setting .set_table .select_box .select_body ul li p.icon_btn a.up span{ background-position:-4px -22px;}
.property_setting .set_table .select_box .select_body ul li p.icon_btn a.down span{ background-position:-22px -22px;}
.property_setting .set_table .select_box .select_body ul li p.icon_btn a.delete span{ background-position:-40px -22px;}
.property_setting .set_table .select_box .select_body ul li p.icon_btn a:hover{ background:#ccc;}
.property_setting .set_table .select_box .select_body ul li p.icon_btn a:hover span{ opacity:1; filter: alpha(opacity=100);}

.property_setting .set_table .select_box .select_body ul li:hover p.icon_btn{ display:block;}

.property_setting .set_table .left_wrap{ margin-right:190px; position:relative;}
.property_setting .set_table .left_wrap fieldset{ height:86px;}
.property_setting .set_table .left_wrap .table_con{ width:590px; height:320px; border:1px solid #ddd; margin:13px; padding:0 10px; overflow:auto;}
.property_setting .set_table .left_wrap .table_con table { table-layout:fixed; margin:10px 0; }
.property_setting .set_table .left_wrap .table_con table th{ border:1px solid #ccc; background:#f1f1f1; font-weight:normal; text-align:center; }
.property_setting .set_table .left_wrap .table_con table td{ border:1px solid #ccc; white-space:nowrap; overflow:hidden;}
.property_setting .set_table .left_wrap .table_con table td:hover ,.property_setting .set_table .left_wrap .table_con table td.selected{ background:#bde1ff;}
.property_setting .set_table .left_wrap .table_con table th:hover ,.property_setting .set_table .left_wrap .table_con table th.selected{ background:#bde1ff;}

.property_setting .set_table .left_wrap .select_box{ width:168px; top:113px; right:12px; bottom:0; border:1px solid #ddd; }
.property_setting .set_table .left_wrap .select_box .select_body ul li span.text input.checkbox{ vertical-align:middle; margin:-1px 2px 0 0; }



/*区域控件*/
.property_setting .set_area{ position:relative;}
.property_setting .set_area .select_box{ position:absolute; top:0; right:0; bottom:12px; width:190px; border-left:1px solid #ddd; border-bottom:1px solid #ddd;}
.property_setting .set_area .select_box .select_head{ height:35px; border-bottom:1px solid #ddd; margin:0 10px; position:relative;}
.property_setting .set_area .select_box .select_head h3{ font-size:14px; position:absolute; left:0; bottom:4px; }
.property_setting .set_area .select_box .select_head span.msg{ position:absolute; right:0; bottom:4px; color:#ccc; }
.property_setting .set_area .select_box .select_body { position:absolute; top:36px; left:10px; right:10px; bottom:0; overflow:hidden; }
.property_setting .set_area .select_box .select_body ul li { height:30px; line-height:30px; border-bottom:1px dashed #ddd; position:relative;}
.property_setting .set_area .select_box .select_body ul li span.text{ display:block; width:100%; height:100%; overflow:hidden;}
.property_setting .set_area .select_box .select_body ul li:hover { background:#f6f6f6;}

.property_setting .set_area .select_box .select_body ul li p.icon_btn{ display:none; margin:0; position:absolute; top:0; right:0; padding:0 5px; height:30px; background:#e5e5e5; text-align:center; }
.property_setting .set_area .select_box .select_body ul li p.icon_btn a { display:inline-block; float:left; margin:4px 0 0 0; padding:4px;  border-radius:2px;}
.property_setting .set_area .select_box .select_body ul li p.icon_btn a span{ display:block; width:14px; height:14px; background:url(../images/editor_icon.png) no-repeat; opacity:0.6;filter: alpha(opacity=60); }
.property_setting .set_area .select_box .select_body ul li p.icon_btn a.up span{ background-position:-4px -22px;}
.property_setting .set_area .select_box .select_body ul li p.icon_btn a.down span{ background-position:-22px -22px;}
.property_setting .set_area .select_box .select_body ul li p.icon_btn a.delete span{ background-position:-40px -22px;}
.property_setting .set_area .select_box .select_body ul li p.icon_btn a:hover{ background:#ccc;}
.property_setting .set_area .select_box .select_body ul li p.icon_btn a:hover span{ opacity:1; filter: alpha(opacity=100);}

.property_setting .set_area .select_box .select_body ul li:hover p.icon_btn{ display:block;}

.property_setting .set_area .left_wrap{ margin-right:190px; position:relative;}
.property_setting .set_area .left_wrap .area_con{ width:590px; height:300px; border:1px solid #ddd; margin:13px; padding:0 0 0 10px; overflow:auto;}
.property_setting .set_area .left_wrap .area_con ul li{ float:left; width:102px; height:60px; border:1px solid #ddd; margin:10px 10px 0 0; overflow:hidden;}
.property_setting .set_area .left_wrap .area_con ul li table{ width:100%; height:100%;}
.property_setting .set_area .left_wrap .area_con ul li table td{ vertical-align:top; width:100%; height:100%;}
.property_setting .set_area .left_wrap .area_con ul li:hover,
.property_setting .set_area .left_wrap .area_con ul li.selected{ border:1px solid #43a4e9;}



.popup_body .upload_toolbar{ width:570px; margin:5px; height:30px;}
.popup_body .upload_toolbar p{ float:left; line-height:30px;}
.popup_body .upload_toolbar p.button a { display:inline-block; font-size:13px; height:32px; line-height:32px; padding:0 18px;  color:#fff; background:#8dc63f; }
.popup_body .upload_toolbar p.button a:hover { background:#75b320;}
.popup_body .upload_toolbar p.path{ margin-left:15px; color:#999;}
.popup_body .upload_toolbar p.tips{ float:right; color:#999;}

.popup_body .upload_list{ width:570px; height:300px; border:1px solid #ddd; background:#f9f9f9; margin:15px 5px 5px 5px; overflow:auto;}
.popup_body .upload_list ul{ margin:-1px 15px 0 15px;}
.popup_body .upload_list ul li{ border-top:1px solid #ddd; padding:8px 0 0 0; height:72px;}
.popup_body .upload_list ul li p{ height:22px; line-height:22px; padding-left:24px;}
.popup_body .upload_list ul li p.name span.tick_icon{ display:inline-block; height:16px; width:16px; vertical-align:middle; margin-left:-24px; margin-right:8px; background: url(../images/icon.png) no-repeat 0px -60px;}
.popup_body .upload_list ul li p.name span.wrong_icon{ display:inline-block; height:16px; width:16px; vertical-align:middle; margin-left:-24px; margin-right:8px; background: url(../images/icon.png) no-repeat -20px -60px;}
.popup_body .upload_list ul li p.name span.f_size{ display:inline-block; float:right; margin-right:20px;}
.popup_body .upload_list ul li p.path, .popup_main .upload_list ul li p.tips { color:#999;}
.popup_body .upload_list ul li p.tips span{ display:inline-block; margin-right:25px;}
.popup_body .upload_list ul li p.progress .progress_box{ margin-top:5px; position:relative; display:inline-block; background:#e7f3eb; height:10px; width:410px; border:1px solid #d9ece0;}
.popup_body .upload_list ul li p.progress .progress_box .progress_bar{ position:absolute; top:-1px; left:-1px; z-index:2; display:inline-block; background:#79d950; height:10px; width:100px; border:1px solid #79d950;}
.popup_body .upload_list ul li p.progress .progress_text{ display:inline-block; position:relative; top:-1px; margin-left:10px; width:40px; }
.popup_body .upload_list ul li p.progress a { position:relative; top:-1px; color:#3083eb; }
.popup_body .upload_list ul li p.progress a:hover { text-decoration:underline; }


